<html><head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <title></title>
	<#assign base=request.contextPath  />
	<base id="basePath" href="${base}">

	<base id="basePath" href="${base}">
	<link rel="stylesheet" href="${base}/css/demo.css" type="text/css">
	<link rel="stylesheet" href="${base}/css/zTreeStyle.css" type="text/css">
	<script type="text/javascript" src="${base}/js/ztree/jquery-1.4.4.min.js"></script>
	<script type="text/javascript" src="${base}/js/ztree/jquery.ztree.core.js"></script>
	<script type="text/javascript" src="${base}/js/zhang.js"></script>
	<script type="text/javascript" src="${base}/js/ztree/jquery.ztree.excheck.js"></script>
	<script type="text/javascript" src="${base}/js/ztree/jquery.ztree.exedit.js"></script>



  <link rel="stylesheet" href="${base}/js/layui/css/layui.css?t=1534970980648" media="all">
  <style>
	form{
  		padding: 20px;
  	}
  	.layui-btn-radius{
     			border-radius: 5px;
     		}

  </style>
</head>
<body>
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
	 <legend>客户情况分析</legend>
</fieldset>

	<div class="demoTable" style="height: 40px;padding:15px;">
         <button class="layui-btn layui-btn-radius" id="btn2" data-method="offset" type="button" style="background-color: #0092EF;">添加客户情况</button>
        <div class="layui-inline layui-form" style="float:right;">
        <div class="layui-input-inline">
            <select name="interest"  id="sech"  lay-search="">
                <option value="">请选择要搜索的列</option>
                <option value="sname">姓名</option>
                <option value="meal_name">套餐</option>
                <option value="visit">拜访次数</option>
                <option value="follow">跟进次数</option>
                <option value="consumption">后续消费</option>
                <option value="whether">是否转介绍</option>
                <option value="person">录入人</option>
                <option value="dept">部门</option>
            </select>
        </div>

    	  <div class="layui-inline">
              	    <input class="layui-input" name="id" id="demoReload" autocomplete="off">
              	  </div>
    	  <button class="layui-btn layui-btn-radius" id="btn1" data-type="reload" style="background-color: #0092EF;">搜索</button>
       </div>
    </div>
<table class="layui-hide" id="test" lay-filter="user"></table>

<script type="text/html" id="barDemo">
  <i class="layui-icon layui-icon-edit" lay-event="edit" id="updatebaby" style="font-size: 20px;"></i>&nbsp;&nbsp;&nbsp;
  <i class="layui-icon layui-icon-delete layui-btn-xs" lay-event="del" id="delectbaby" href="javascript:void(0)"  onclick="onDelete('{{d.id}}')"  style="font-size: 20px;" ></i>
</script>
<script src="${base}/js/jquery.min.js"></script>
<script type="text/javascript" src="${base}/js/ztree/jquery-1.4.4.min.js"></script>
<script src="${base}/js/layui/layui.js"></script>
<script>

layui.use(['form', 'layedit', 'laydate','table'], function(){
  var form = layui.form
  ,$ = layui.jquery
  ,layer = layui.layer
  ,layedit = layui.layedit
  ,laydate = layui.laydate
  table = layui.table;

  table.render({
    elem: '#test'
    ,url:'${base}/situationAnalysis/selectSituationAnalysis'//数据接口
    ,cols: [[
        {field:'id', title: 'ID',templet:function(val){
                                    return val.LAY_INDEX
                                     },width:60, field: true}
      ,{field:'sname', width:100, title: '姓名',align:'center'}
      ,{field:'date',width:200,templet:function(val){
                                         return DateFormat(val.date);
                                         }, title: '日期',align:'center'}
      ,{field:'mealName',width:200, title: '套餐',align:'center'}
      ,{field:'visit', width:120, title: '拜访次数',align:'center'}
      ,{field:'follow',width:120, title: '跟进次数',align:'center'}
      ,{field:'consumption', width:120, title: '后续消费',align:'center'}
      ,{field:'whether',width:160, title: '是否转介绍',align:'center'}
      ,{field:'person',width:140, title: '录入人',align:'center'}
       ,{field:'dept',width:140, title: '部门',align:'center'}
      ,{field: 'right', title:'操作', toolbar: '#barDemo', width: 130,align:'center'}
    ]]
    ,id:'testReload'
    ,height:500
    ,page: {
       layout: ['limit', 'count', 'prev', 'page', 'next', 'skip']
       ,theme: '#0092EF'
       ,limit:20
    }
  });

    var active = {
      	offset: function(othis){
      	  var type = othis.data('type')
      	  ,text = othis.text();
  		  layer.open({
  		  type: 2,
  		  title: '添加客户情况分析',
  		  shade:0,
  		  offset: 'auto',
  		  shade: 0.2,
  		  shadeClose:false ,
  		  offset: 't',
                    area:['470px','100%'],
  		  content: '${base}/situationAnalysis/sinuation_add'
  		});
  	}
    };
  laydate.render({
      elem: '#test1'
   });

  $('#btn2').on('click', function(){
      var othis = $(this), method = othis.data('method');
      active[method] ? active[method].call(this, othis) : '';
   });

 //实现搜索
layui.form.on('select()', function(data){
 $("#demoReload").val("")
});



//实现搜索
$('#btn1').on('click', function(){
   var sechLin=$("#sech").val();
   var sechData=$("#demoReload").val();

      var whereData={};
      whereData.page=1;
      whereData.limit=10;
      whereData.lin=sechLin;
      whereData.data=Trim(sechData);

              var table = layui.table;
              //表刷新方法
              table.reload('testReload', {
                  url:'${base}/situationAnalysis/selectSituationAnalysis'
                  ,where: whereData //设定异步数据接口的额外参数
              });
  });
    String.prototype.trim = function() {
      return this.replace(/^\s\s*/, '').replace(/\s\s*$/, '');
    }




 //编辑弹出层
          table.on('tool(user)', function(obj){
            var layEvent = obj.event;
            if(layEvent=="edit"){
                       var data = obj.data;
                        //示范一个公告层
                        layer.open({
                            type: 2,
                            title: '编辑客户情况分析',
                            shadeClose:false ,
                           offset: 't',
                                     area:['470px','100%'],
                            content: '${base}/situationAnalysis/sinuation_edit',
                            success: function (layero, index) {
                                //得到iframe页的窗口对象，执行iframe页的方法：iframeWin.method();
                                var iframeWin = window[layero.find('iframe')[0]['name']];
                                iframeWin.$("#sname").val(data.sname)
                                iframeWin.$("#date").val(DateFormat(data.date))
                                iframeWin.$("#mealName").val(data.meal)
                                iframeWin.$("#visit").val(data.visit)
                                iframeWin.$("#follow").val(data.follow)
                                iframeWin.$("#consumption").val(data.consumption)
                                iframeWin.$("#whether").val(data.whether)
                                iframeWin.$("#person").val(data.person)
                                iframeWin.$("#dept").val(data.dept)
                                iframeWin.$("#id").val(data.id)
                                //渲染一下form表单
                                iframeWin.layui.form.render('select')

                            }
                        });
            }

      });










});

//删除
function onDelete(id){
//提示是否删除这条数据
//data里边的customerId是需要和实体类里边的id是一样的,不然是传不过来参数的
layer.confirm('真的要删除吗?',function(index){
    $.ajax({
        type:"POST",
        url:"${base}/situationAnalysis/deleteSituationAnalysis",
        data:{"id":id},
        sync:false,
        success:function(data){
            //alert("删除成功")
            var table = layui.table;
            //表刷新方法
             table.reload('testReload', {
             url:'${base}/situationAnalysis/selectSituationAnalysis'
             ,where: {} //设定异步数据接口的额外参数
          });
            //关闭删除是否删除的提示框
              layer.close(index);
        }
    });
    });
}



//键盘事件
   $("body").bind("keydown",function(e){
       // 兼容FF和IE和Opera
       var theEvent = e || window.event;
       var code = theEvent.keyCode || theEvent.which || theEvent.charCode;
       if (code == 13) {
           //回车执行查询
           $("#btn1").click();
       }
   });

</script>
</body>
</html>